<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8" />
    <title>导航页</title>
    <link href="layui/css/layui.css" rel="stylesheet">
    <link rel="stylesheet" href="layui/css/index-2015.css">
</head>
<body class="elsic-body">
<div class="elsic-header elsic-hide">
    <div class="elsic-logo"></div>
    <div class="elsic-header-right">
        <div class="elsic-header-navs">
            <div class="elsic-header-nav">
                <div class="current-time" id="today" onload="getToday">2025-01-04 周一 上午 11:00</div>
            </div>
            <div class="elsic-header-nav">
                <img src="img/全屏.png" alt="全屏" id="fullscreen-button"/>
            </div>
            <div class="elsic-header-nav">
                <img src="img/关闭.png" alt="关闭" />
            </div>
        </div>
    </div>
</div>
<div class="elsic-content">
    <div class="elsic-flex">
        <div class="elsic-person-info">
            <img src="img/用户.png" alt="" id="personClick">
            <span class="elsic-person-nickname">王小二</span>
            <div class="elsic-person-info-nav">
                <div class="elsic-person-info-nav-item" id="logout">注销</div>
                <div class="elsic-person-info-nav-item" id="changePwd">修改密码</div>
            </div>
        </div>
        <div class="elsic-selector">
            <div class="elsic-selector-box" style="border: none">
                <div>AA服务区级平台</div>
            </div>
        </div>
    </div>
    <div id="map" style="height: 800px;margin-top: -70px;"></div>
    <div class="elsic-menus elsic-menus-left elsic-hide">
        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/系统配置.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">基础系统集成</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                    <div class="elsic-menus-child-item">惠店</div>
                    <div class="elsic-menus-child-item">充电桩系统</div>
                    <div class="elsic-menus-child-item">工程项目管理</div>
                    <div class="elsic-menus-child-item">公文系统</div>
                    <div class="elsic-menus-child-item">加气站系统</div>
                    <div class="elsic-menus-child-item">加油站系统</div>
                    <div class="elsic-menus-child-item">供应链系统</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/集中监控.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">集中监控</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/物业管理.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">物业管理</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/服务质量监管.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">服务质量监管</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/卡口车辆.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">卡口车辆</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/客流监测.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">客流监测</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

    </div>

    <div class="elsic-menus elsic-menus-right elsic-hide">

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/数据看板.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">数据看板</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                    <div class="elsic-menus-child-item">惠店</div>
                    <div class="elsic-menus-child-item">充电桩系统</div>
                    <div class="elsic-menus-child-item">工程项目管理</div>
                    <div class="elsic-menus-child-item">公文系统</div>
                    <div class="elsic-menus-child-item">加气站系统</div>
                    <div class="elsic-menus-child-item">加油站系统</div>
                    <div class="elsic-menus-child-item">供应链系统</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/三维数字孪生.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">三维数字孪生</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/报表系统.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">报表系统</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/能耗管控.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">能耗管控</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/公众服务小程序.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">公众服务小程序</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>

        <div class="elsic-menus-item">
            <div class="elsic-l-t"></div>
            <div class="elsic-r-t"></div>
            <div class="elsic-l-b"></div>
            <div class="elsic-r-b"></div>
            <div class="elsic-menus-box">
                <div class="elsic-menus-box-icon">
                    <img src="img/总部级图标/系统配置.png" alt="" />
                </div>
                <div class="elsic-menus-box-text">系统配置</div>
            </div>
            <div class="elsic-menus-child-box">
                <div class="elsic-l-t"></div>
                <div class="elsic-r-t"></div>
                <div class="elsic-l-b"></div>
                <div class="elsic-r-b"></div>
                <div class="elsic-menus-child-box-content">
                    <div class="elsic-menus-child-item">海康AR</div>
                    <div class="elsic-menus-child-item">好餐谋</div>
                    <div class="elsic-menus-child-item">智海鲸</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 选择服务区弹出框 -->
<div class="elsic-layer" id="serverLayer">
    <div class="elsic-layer-main">
        <div class="elsic-close-btn" id="closeServerLayer"><img src="img/关闭.png" alt=""></div>
        <div class="elsic-layer-header">
            <div class="elsic-layer-icon">
                <img src="img/标题.png" alt="">
            </div>
            <div class="elsic-layer-title">选择服务区</div>
        </div>
        <div class="elsic-layer-content">
            <div class="elsic-layer-content-search">
                <div class="input-suffix" style="cursor: pointer;" id="serverNameSearch">
                    <i class="layui-icon layui-icon-search"></i>
                </div>
                <input type="text" class="layui-input" name="serverName" placeholder="输入服务区" />
            </div>
            <div class="elsic-layer-content-items" id="serverNameList">
                <!--                <div class="elsic-layer-content-item"></div>-->
            </div>
        </div>
        <div class="elsic-layer-bottom">
            <button class="layui-btn layui-btn-sm elsic-btn" id="serverSubmitBtn">确定</button>
        </div>
    </div>
</div>
<!-- 某一个服务区 -->
<div class="elsic-layer elsic-layer-theme" id="singleServerLayer" style="display: none;top:58px">
    <div class="elsic-layer-main">
        <div class="elsic-l-t else-g"></div>
        <div class="elsic-r-t else-g"></div>
        <div class="elsic-l-b else-g"></div>
        <div class="elsic-r-b else-g"></div>
        <div class="elsic-layer-theme-header">
            <div class="elsic-layer-theme-header-bg"><span>凉州服务区</span></div>
            <div class="elsic-layer-theme-header-close-btn" id="closeSingleServerLayer"></div>
        </div>
        <div class="elsic-layer-theme-content">
            <div class="elsic-layer-theme-server-box">
                <div class="elsic-layer-theme-server-box2">
                    <div class="elsic-layer-theme-server-md6">
                        <div class="elsic-layer-theme-server-md6-sp1">7438<span>万</span></div>
                        <div class="elsic-layer-theme-server-md6-sp2">车流</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box2">
                    <div class="elsic-layer-theme-server-md6">
                        <div class="elsic-layer-theme-server-md6-sp1">7438<span>万</span></div>
                        <div class="elsic-layer-theme-server-md6-sp2">客流</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box2">
                    <div class="elsic-layer-theme-server-md6">
                        <div class="elsic-layer-theme-server-md6-sp1">7438<span>万</span></div>
                        <div class="elsic-layer-theme-server-md6-sp2">总销售</div>
                    </div>
                </div>
            </div>
            <div class="elsic-layer-theme-server-box3">
                <div class="elsic-layer-theme-server-box3-md3">
                    <div class="elsic-layer-theme-server-box3-md3-active">
                        <div class="money">7438<span>万</span></div>
                        <div class="label">总销售</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box3-md3">
                    <div class="elsic-layer-theme-server-box3-md3-active">
                        <div class="money">7438<span>万</span></div>
                        <div class="label">油站</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box3-md3">
                    <div class="elsic-layer-theme-server-box3-md3-active">
                        <div class="money">7438<span>万</span></div>
                        <div class="label">油站</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box3-md3">
                    <div class="elsic-layer-theme-server-box3-md3-active">
                        <div class="money">7438<span>万</span></div>
                        <div class="label">油站</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box3-md3">
                    <div class="elsic-layer-theme-server-box3-md3-active">
                        <div class="money">7438<span>万</span></div>
                        <div class="label">油站</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box3-md3">
                    <div class="elsic-layer-theme-server-box3-md3-active">
                        <div class="money">7438<span>万</span></div>
                        <div class="label">油站</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box3-md3">
                    <div class="elsic-layer-theme-server-box3-md3-active">
                        <div class="money">7438<span>万</span></div>
                        <div class="label">油站</div>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box3-md3">
                    <div class="elsic-layer-theme-server-box3-md3-active">
                        <div class="money">7438<span>万</span></div>
                        <div class="label">油站</div>
                    </div>
                </div>
            </div>
            <div class="elsic-layer-theme-server-title-sm">经营业态</div>
            <div class="elsic-layer-theme-server-box4">
                <div class="elsic-layer-theme-server-box4-md2 no-active">
                    <div class="bg-icon">
                        <img src="./img/tck/come-on.png" />
                    </div>
                    <div class="bg-text">
                        <span>加油</span>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box4-md2">
                    <div class="bg-icon">
                        <img src="./img/tck/aerate.png" />
                    </div>
                    <div class="bg-text">
                        <span>加气</span>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box4-md2">
                    <div class="bg-icon">
                        <img src="./img/tck/supermarket.png" />
                    </div>
                    <div class="bg-text">
                        <span>商超</span>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box4-md2">
                    <div class="bg-icon">
                        <img src="./img/tck/catering.png" />
                    </div>
                    <div class="bg-text">
                        <span>餐饮</span>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box4-md2">
                    <div class="bg-icon">
                        <img src="./img/tck/auto-repair.png" />
                    </div>
                    <div class="bg-text">
                        <span>汽修</span>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box4-md2">
                    <div class="bg-icon">
                        <img src="./img/tck/charge.png" />
                    </div>
                    <div class="bg-text">
                        <span>充电</span>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box4-md2">
                    <div class="bg-icon">
                        <img src="./img/tck/hydrogenation.png" />
                    </div>
                    <div class="bg-text">
                        <span>换电</span>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box4-md2">
                    <div class="bg-icon">
                        <img src="./img/tck/guest-room.png" />
                    </div>
                    <div class="bg-text">
                        <span>客房</span>
                    </div>
                </div>
                <div class="elsic-layer-theme-server-box4-md2">
                    <div class="bg-icon">
                        <img src="./img/tck/replace-the-battery.png" />
                    </div>
                    <div class="bg-text">
                        <span>加氢</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 注销 -->
<div class="elsic-layer" id="logoutLayer">
    <div class="elsic-layer-main">
        <div class="elsic-close-btn closeLogoutLayer"><img src="img/关闭.png" alt=""></div>
        <div class="elsic-layer-content">
            <div style="margin-top: 40px;color: white;text-align: center">
                您确定要注销登录吗？
            </div>
        </div>
        <div class="elsic-layer-bottom elsic-layer-bottom2">
            <button class="layui-btn layui-btn-sm elsic-btn closeLogoutLayer">取消</button>
            <button class="layui-btn layui-btn-sm elsic-btn" style="background-color: #DF3F3F">确定</button>
        </div>
    </div>
</div>
<!-- 修改密码 -->
<div class="elsic-layer layui-form" id="changePwdLayer">
    <div class="elsic-layer-main">
        <div class="elsic-close-btn closeChangePwdLayer"><img src="img/关闭.png" alt=""></div>
        <div class="elsic-layer-header">
            <div class="elsic-layer-icon">
                <img src="img/标题.png" alt="">
            </div>
            <div class="elsic-layer-title">修改密码</div>
        </div>
        <div class="elsic-layer-content">
            <div class="elsic-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">工号</label>
                    <div class="layui-input-block">
                        <input name="gh" type="text" value="123321" class="layui-input elsic-input-bg-none" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-block">
                        <input name="xm" type="text" value="" class="layui-input elsic-input-bg-none" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">原密码<span>*</span></label>
                    <div class="layui-input-block">
                        <input name="ymm" type="text" value="" class="layui-input elsic-input-bg-none" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">新密码<span>*</span></label>
                    <div class="layui-input-block">
                        <input name="xmm" type="text" value="" class="layui-input elsic-input-bg-none" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">确认新密码<span>*</span></label>
                    <div class="layui-input-block">
                        <input name="qrmm" type="text" value="" class="layui-input elsic-input-bg-none" />
                    </div>
                </div>
            </div>
        </div>
        <div class="elsic-layer-bottom">
            <button class="layui-btn layui-btn-sm elsic-btn" lay-submit lay-filter="changePwdForm">确定</button>
        </div>
    </div>
</div>
<!-- 加载河北geoJson -->
<script src="layui/heibei.js"></script>
<!-- HTML Content -->
<script src="layui/layui.js"></script>
<!-- 共用js 包括菜单 关闭 修改密码等 -->
<script src="layui/common.js"></script>
<!-- 服务区逻辑 -->
<script src="layui/logic-server.js"></script>
<!--   echarts -->
<script src="layui/echarts.min-5.6.0.js?v=2"></script>
<!--   3D -->
<script src="layui/echarts-gl.min-2.0.9.js?v=2"></script>
<!-- 地图逻辑 -->
<script src="layui/logic-map.js?v=2"></script>
</body>
</html>
